/*
 * Copyright © 2018-2019 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*/

@import './OpsDashboardColors.scss';

$header-height: 70px;

.ops-dashboard {
  .header {
    height: $header-height;

    .links {
      font-size: 18px;
      line-height: $header-height;
      padding-left: 25px;

      .active {
        font-weight: bold;
        text-decoration: underline;
      }

      .separator {
        margin-right: 10px;
        margin-left: 10px;
      }
    }

    .namespace-picker {
      padding-right: 15px;
    }
  }

  .runs-graph-container,
  .runs-list-container {
    .running {
      @include setColor($running);
    }

    .succeeded {
      @include setColor($succeeded);
    }

    .failed,
    .rejected {
      @include setColor($failed);
    }
  }
}
